/*	Theme Name: BrevityTV
	Theme URI: http://www.BrevityTV.com
	Download URL: none
	Description: a homemade theme for BrevityTV.com, 
built on a gutted 3-column kubrick
	Author: Deron Sedy
	Author URI: http://www.screenwriterguy.com
*/

* {margin:0;padding:0}

html {margin:0;padding:0}

#serieswindow
{  height:70px;
   clear:both;
   position:relative;
   padding:0px;
   margin-left:-5px;
}

body 
{	background-color: #fdfdff; /*color of very back background */
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Myriad Pro", "Lucida Grande", Verdana, Arial, Sans-Serif;
	text-align:center;
	height:820px;
	scrollbar-face-color: #B4CED9;
	scrollbar-arrow-color: #01617C;
	scrollbar-base-color: #cccce5;
	scrollbar-shadow-color: #0C6680
	scrollbar-darkshadow-color: #2222222;
	scrollbar-highlight-color: #EEEEEE;
}

#page 
{	background-color: #A4AED0; /*color of central page */
	margin: 10px auto;
	padding: 0px;
	width: 1110px;
	height: 775px;
	border: 4px solid #6393A8;
	text-align:left;
}


#header {
	padding: 0;
	margin: 0 auto;
	height: 108px;
	width: 100%;
}

#footer {
	background-image: url("http://www.brevitytv.com/images/footerboat.gif");
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	margin-left: 30px;
	margin-top:44px;
	color: #48388C;
	clear: both;
	height: 185px;
}

#content {
	float: left;
	padding: 0;
	margin: 0;
	margin-left:20px;
	width: 560px;
	
}





#credits br
{	line-height:4px;
}



#sidebar2  /* THIS IS THE LEFT ONE */
{
	padding:0px;
	margin:0px;
	margin-left: 40px;
	width: 180px;
	height:470px;
	float: left;

}


#nav {	
	background-image: url("http://www.brevitytv.com/images/navbg.gif");  
	background-repeat: no-repeat;
	margin:0;
	margin-top:15px;
	padding:0px;
}

#navalignment
{	margin:0;
	padding:0;
	margin-left: 8px;
	width:150px;
	height:200px;
}

#navalignment a
{	-moz-outline: none 0;
	outline: none 0;
	padding:0px;
}

#navalignment li
{	text-align: right;
 	margin:0px;
	padding:0px;
	margin-bottom: 4px;
	list-style: none;

}

#mostwatched
{	text-align: left;
	padding: 0;
	margin:0;
	margin-left:18px;
	font-size: 1.1em;
	font-weight: bold;
	width:170px;
	color: #48388C;
	height:115px;
}

#mostwatched ul
{	line-height:11px;

}

#mostwatched li
{	list-style-type: disc;
	font-weight:normal;
list-style-position: inside;
width:140px;
padding-left:8px;
margin-left:5px;
vertical-align:top;
}

#mostwatched li a
{	color:#48388C;
	font-size:.95em;
	width:140px;
text-decoration:none;
}


#mostwatched li a:hover
{	color:#a8186C;
	margin-left:2px;
}

#mostwatched li a:focus
{	color:#CC3344;
	-moz-outline: none 0;
	outline: none 0;
}


#sketchtitle
{
	font-weight:800;
	font-size:1.8em;
	text-align:center;
	margin-top:8px;
}

#sketchsubhead
{
	font-weight:800;
	font-size:1.5em;
	text-align:center;
}

#creditcolumn1
{
	float: left;
	width: 120px;
	text-align:right;
	font-size:1.1em;
	font-weight:200;
	padding:2px;
	margin-top:12px;
	margin-left:10px;
}

#namecolumn1
{
	float: left;
	width: 140px;
	text-align:left;
	font-size:1.1em;
	font-weight:600;
	padding:2px;
	margin-top:12px;
}

#creditcolumn2
{
	float: left;
	width: 125px;
	text-align:right;
	font-size:1.1em;
	font-weight:200;
	padding:2px;
	margin-top:12px;
}

#namecolumn2
{
	float: left;
	width: 140px;
	text-align:left;
	font-weight:600;
	font-size:1.1em;
	padding:2px;
	margin-top:12px;
}



#creditbuttons
{	padding:0;
	margin:0;
	background-color:#cccce5;
	top:416px;
	margin-top: 225px;
	margin-left:170px;
	border: 2px solid #01617C;
	height: 32px;
	width: 170px;
	position:absolute;
	z-index: 5;
}

#embedbutton

{	padding:0;
	margin:0;
	margin-left:21px;
	float: left;
	margin-top:-5px;
	position:absolute;
	z-index: 6;
}

#sharebutton

{	padding:0;
	margin:0;
margin-left:94px;
margin-top:-5px;
position:absolute;
z-index: 6;
}

#sharebutton  a:hover img
{	margin-top:-1px;
}

#embedbutton  a:hover img
{ 	margin-top:-1px;
}


#sharebutton  a:hover 
{	margin-top:-1px;
}

#embedbutton  a:hover 
{ 	margin-top:-1px;
}



#buttons
{
	background-color:#BBE9CA;
	height: 22px;
	width:128px;
	border: 1px solid #01617C;
	margin-top:4px;
	margin-left:35px;
	padding-left:2px;

}

#buttons img
{	margin-top:3px;
	margin-bottom:3px;
	margin-left:1px;
	z-index:2;
	
}

#sidecallout
{
	padding:0;
	margin:0;
	margin-top:8px;
	margin-left:11px;
	position:absolute;
}


#sidecallout  a:hover img
{ 	margin-left:2px;
}


#sidecallout  a:hover 
{	margin-top:-2px;
}

#sidecallout  a focus
{	-moz-outline: none 0;
	outline: none 0;
}

#getnew
{	position:absolute;
	margin-top:-48px;
	margin-left:722px;
	color:#9B4545;
	font-size:.9em;
	text-align:right;

}

#getnew a
{
	color:#9B4545;
	text-decoration:none;
}

#getnew a:hover
{
	color:#6393A8;
}



#tvset {
	width: 530px;
	height: 430px;
	padding-left:49px;
	padding-top: 22px;
	background-repeat: no-repeat;
	position:absolute;
	background-image: url("http://www.brevitytv.com/images/tvset.gif");
}

#topcallout
{
	position: absolute;
	margin-top: -110px;
	margin-left: 685px;
}


#headerimage {
	margin-left:20px;
	margin-top:8px;
	}

#version
{
	position: absolute;
	margin-top: -110px;
	margin-left: 570px;
	font-size:2.6em;
	color:#9B4545;
	font-weight:700;
	font-family: arial;
}


#swg
{	color:#21098C;
	font-size:.85em;
	margin-left:820px;
	margin-top:195px;
	position:absolute;
	font-style:italic;
}

#copyright
{	color:#48388C;
	font-size:.7em;
	font-weight:600;
	position:absolute;
	width:260px;
	text-align:center;
	margin-top:1px;
	margin-left:22px;
	font-family:Verdana, Arial, Sans-Serif;
}

#swg a
{	font-weight:600;
	text-decoration:none;

}

#leftadspace
{	position:absolute;
	background-color:#48388C;
	width:140px;
	height:155px;
	margin-left:65px;
	margin-top:10px;
}

#leftad1
{
	margin-left:10px;
	margin-top:10px;
	color:#222222;
	background-color:#bbbbe5;
	width:120px;
	height:60px;
	font-weight:600;
	text-align:center;
	border: 1px solid #EEEEEE;

}
#leftad2
{
	margin-left:10px;
	margin-top:10px;
	width:120px;
	height:60px;
	border: 1px solid #EEEEEE;
	background-color:#EEEEEE;
	position:absolute;

}

#rightadspace
{	position:absolute;
	color:#222222;
	background-color:#48388C;
	width:140px;
	height:155px;
	margin-left:825px;
	margin-top:10px;
	font-weight:600;
	text-align:center;
	font-size: .9em;

}

#blocking
{
	height:60px;
	width:120px;
margin-top:17px;
margin-left:7px;

}

#rightad1
{
	margin:0;
	padding:0;
	margin-top:-60px;
	margin-left:10px;
	width:120px;
	height:60px;
	color: #EEEEEE;
	font-size:1em;
	border: 1px solid #EEEEEE;
	background-color: #EEEEEE;

}


#rightad2
{
	margin-top:10px;
	margin-bottom:0px;
	margin-left:10px;
	color:#222222;
	width:120px;
	height:60px;
	border: 1px solid #EEEEEE;
	background-color: #EEEEEE;

}



#credits
{	background-color:#BBE9CA;
	margin:0;
	padding:0;
margin-top:45px;
top:405px;
	margin-left:-40px;
	width:576px;
	height:185px;
	border: 3px solid #01617C;
	overflow:auto;
	overflow-x:hidden;
	overflow-x:hidden;
	padding: 8px;
	padding-top:4px;
	color:#48388C;
	position:absolute;
	font-size:1em;
}

#credits a
{
	color:#486c38;
	text-decoration:none
}


#credits a:hover
{
	text-decoration:underline;
	color:#667766;
}



#creditspacer
{	height:200px;
}


#archive
{
	margin-top:12px;
	margin-left:8px;
	margin-bottom:10px;
	background-image: url("http://www.brevitytv.com/images/archivebg.gif");
	background-repeat: no-repeat;
	height: 380px;
	width: 250px;
	padding-left:18px;
	padding-top:12px;
	font-size:1.8em;
	font-weight:400;
	color: #48388C;
}


#archivebox
{	background-color:#BBE9CA;
	margin-top: 3px;
	margin-left: 12px;
	width:228px;
	height:338px;
	overflow:scroll;
	border: 1px solid #0C6680;
	overflow-x:hidden;
}


#archivebox li
{	padding:0;
	margin:0;
	margin-left: 5px;
	position:relative;
	display:block;
}


#archivebox li a:hover 
{	margin:0px;
	margin-left:3px;
	position:relative;
	display:block;
}



#sidebar
{
	margin:0;
	margin-left: 820px;
	width: 240px;
	padding:0;
}



a img {
	border: none;
	}


#bio, #pageframe
{	width: 525px;
	height: 635px;
	margin-left:5px;
	padding-left:20px;
	padding-top: 15px;
	padding-right:20px;
	background-color:#6393A8;
	color:#EEEEFF;
	border: 2px solid #222222;
	position:absolute;
	overflow:auto;
}

#bio a, #pageframe a
{	color:#DDDDee;
	text-decoration:none;
}

#bio a:hover, #pageframe a:hover, #swg a:hover
{	color:#EEEEDD;
	text-decoration:underline;
}

#swg a:hover
{	color:#EEBBAA;
	text-decoration:underline;
}


#biopic
{	float:left;
	margin-left:50px;
	margin-right:20px;
	background-color:#222222;
	border: 2px solid #222222;
	height:124px;
	width:100px;
}

#bioname
{	font-weight:bold;
	font-size:1.6em;
	margin-top:65px;

}

#biorole
{	font-weight:bold;
	font-size:1.2em;

}

#biolinks
{	font-weight:bold;
	font-size:1.2em;
	line-height:15px;
}


#biolinks BR
{	line-height:0px;
}

#biotext
{	clear:both;
	top:10px;
	font-size:1.2em;
	position:relative;
	height:160px;
	overflow:auto;
	overflow-x:hidden;
}

#bioframe
{	padding:0px;
	width:530px;
	height:328px;
	position:absolute;
	bottom:0px;	
	border-top: 1px solid #EEEEEE;
}

iframe
{	height:328px;
	position:absolute;
	bottom:0px;
}

#brevgraphic img
{	margin-top:32px;
	background-color:#222222;
	border: 1px solid #222222;
	text-align:center;
}

#brevtext
{
	margin-top:18px;
	font-size:1.4em;
	text-align:center;
}

#titular
{	font-weight:bolder;
	font-size:1.4em;
	margin-top:50px;
	text-align:center;
	clear:both;
	margin-bottom:50px;
	padding-bottom:50px;
}



#othercandidates
{	font-weight:bolder;
	font-size:1.4em;
	margin-top:25px;
	text-align:left;
	clear:both;
}


#contacttable
{
	position:relative;
	top:30px;
	margin-top:0px;
	padding-top:0px;
	text-align:left;
	font-size:1.4em;
}


#presbuttons LI
{
	float:left;
	margin-left:4px;
	list-style: none;
}


#archive
{
	margin-top:12px;
	margin-left:8px;
	margin-bottom:10px;
	background-image: url("http://www.brevitytv.com/images/archivebg.gif");
	background-repeat: no-repeat;
	height: 380px;
	width: 250px;
	padding-left:18px;
	padding-top:12px;
	font-size:1.8em;
	font-weight:400;
	color: #48388C;
}


#archivebox
{	background-color:#BBE9CA;
	margin-top: 3px;	margin-bottom:5px;
	margin-left: 12px;
	width:228px;
	height:338px;
	overflow:scroll;
	border: 1px solid #0C6680;
	overflow-x:hidden;
}


#archivebox li
{	
	border: 1px solid #0C6680;
	padding:0;
	margin:0;
	margin-top:5px;
	background-color: #0C6680;
	margin-left: 5px;
	position:relative;
	display:block;
	height: 75px;
	width:200px;
}


#archivebox li a:hover 
{	margin:0px;
	margin-left:3px;
	position:relative;
	display:block;
}




